<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<!--html语言属性 简体中文(繁体中文为zh-cmn-Hant，英文为en)-->

	<head>
		<!--声明文档字符编码-->
		<meta charset="utf-8">
		<!--优先使用 IE 最新版本和 Chrome-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!--移动端配置-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<!--<meta http-equiv="Cache-Control" content="max-age=0">-->
		<meta http-equiv="Cache-Control:private" content="max-age=0">
		<meta name="apple-touch-fullscreen" content="yes">
		<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 设置苹果工具栏颜色 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!-- 忽略页面中的数字识别为电话，忽略email识别 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!--禁止缓存-->
		<!--<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
		<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />-->
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!--百度禁止转码-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true">
		<!-- UC应用模式 -->
		<meta name="browsermode" content="application">
		<!-- QQ应用模式 -->
		<meta name="x5-page-mode" content="app">
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no">
		<!--页面标题-->
		<title>只为你而来</title>
		<!--include default css-->
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<!--include default js-->
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.imgpreload.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/loading.music.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<!--include custom css js-->
		<script type="text/javascript">
			$(document).ready(function() {
				var windowWidth = $(window).width();
				var windowHeight = $(window).height();
				// 图片预加载
				var img_list = [];
				$("div.swiper-container img").each(function() {
					img_list.push(this.src);
				});
				jQuery.imgpreload(img_list, {
					each: function() {
						//each，每次加载完一张图片后，执行此匿名函数中的代码
						//var status = $(this).data('loaded') ? 'success' : 'error';
					},
					all: function() {
						//音乐播放
						createIndexAudio(true);
						//all，当所有图片加载完毕之后，执行此函数体内的内容
						$("div.loading_container").delay(500).fadeOut(300, function() {
							var mySwiperOne, mySwiperTwo, mySwiperThree;
							$("#swiper-one").height(windowHeight).width(windowWidth).fadeIn(300);
							mySwiperOne = new Swiper('#swiper-one', {
								direction: 'vertical',
								pagination: '.swiper-pagination',
								paginationType: 'bullets',
								effect: 'fade',
								onInit: function(swiper) {
									swiperAnimateCache(swiper); //先清除掉swiper的缓存
									swiperAnimate(swiper); //重新调用swiper
								},
								onSlideChangeEnd: function(swiper) {

									swiperAnimate(swiper);
									if(swiper.activeIndex == 0) {
										$(".arrows").removeClass("arrows-hide");
										$(".pages03_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
										$(".pages03_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
										$(".pages03_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
										$(".pages03_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
									} else if(swiper.activeIndex == 1) {
										$(".arrows").removeClass("arrows-hide");
										$(".pages03_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
										$(".pages03_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
										$(".pages03_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
										$(".pages03_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
									} else if(swiper.activeIndex == 2) {
										window.setTimeout(function() {
											$(".pages03_time_1").removeClass("fadeInRight").addClass("infinite pulse").css("animation-delay", "0s");
										}, 3500);
										window.setTimeout(function() {
											$(".pages03_time_2").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
										}, 5000);
										window.setTimeout(function() {
											$(".pages03_time_3").removeClass("fadeInRight").addClass("infinite pulse").css("animation-delay", "0s");
										}, 6500);
										window.setTimeout(function() {
											$(".pages03_time_4").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
										}, 8000);
										$(".arrows").removeClass("arrows-hide");
									} else {
										$(".arrows").addClass("arrows-hide");
										$(".pages03_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
										$(".pages03_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
										$(".pages03_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
										$(".pages03_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
									}

								}

							});

							//2004北京
							$(".pages03_time_1").on("click", function() {
								$(".pages03_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
								$("#swiper-one").hide();
								$("#swiper-two").show();
								clearSwiperAnimate();
								$('#swiper-one').find("img.ani").removeAttr("style");
								$("#swiper-two").height(windowHeight).width(windowWidth).fadeIn(300);
								mySwiperTwo = new Swiper('#swiper-two', {
									direction: 'horizontal',
									pagination: '.swiper-pagination',
									paginationType: 'bullets',
									prevButton: '.swiper-button-prev',
									nextButton: '.swiper-button-next',
									effect: 'fade',
									onInit: function(swiper) {
										swiperAnimateCache(swiper); //先清除掉swiper的缓存
										swiperAnimate(swiper); //重新调用swiper
									},
									onSlideChangeEnd: function(swiper) {
										swiperAnimate(swiper);
										if(swiper.activeIndex == 0) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 1) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 2) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 3) {
											window.setTimeout(function() {
												$(".pages08_time_1").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 4500);
											window.setTimeout(function() {
												$(".pages08_time_2").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 5300);
											window.setTimeout(function() {
												$(".pages08_time_3").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 6000);
											window.setTimeout(function() {
												$(".pages08_time_4").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 6800);
										}

									}
								});
								mySwiperTwo.slideTo(0, 300, true);
							});

							//2012舟山
							$(".pages03_time_2").on("click", function() {
								$(".pages03_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
								$("#swiper-one").hide();
								$("#swiper-two").show();
								clearSwiperAnimate();
								$('#swiper-one').find("img.ani").removeAttr("style");
								$("#swiper-two").height(windowHeight).width(windowWidth).fadeIn(300);
								mySwiperTwo = new Swiper('#swiper-two', {
									direction: 'horizontal',
									pagination: '.swiper-pagination',
									paginationType: 'bullets',
									prevButton: '.swiper-button-prev',
									nextButton: '.swiper-button-next',
									effect: 'fade',
									onInit: function(swiper) {
										swiperAnimateCache(swiper); //先清除掉swiper的缓存
										swiperAnimate(swiper); //重新调用swiper
									},
									onSlideChangeEnd: function(swiper) {
										swiperAnimate(swiper);
										if(swiper.activeIndex == 0) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 1) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 2) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 3) {
											window.setTimeout(function() {
												$(".pages08_time_1").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 4500);
											window.setTimeout(function() {
												$(".pages08_time_2").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 5300);
											window.setTimeout(function() {
												$(".pages08_time_3").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 6000);
											window.setTimeout(function() {
												$(".pages08_time_4").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 6800);
										}

									}
								});
								mySwiperTwo.slideTo(1, 300, true);
							});

							//2013宜兴
							$(".pages03_time_3").on("click", function() {
								$(".pages03_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
								$("#swiper-one").hide();
								$("#swiper-two").show();
								clearSwiperAnimate();
								$('#swiper-one').find("img.ani").removeAttr("style");
								$("#swiper-two").height(windowHeight).width(windowWidth).fadeIn(300);
								mySwiperTwo = new Swiper('#swiper-two', {
									direction: 'horizontal',
									pagination: '.swiper-pagination',
									paginationType: 'bullets',
									prevButton: '.swiper-button-prev',
									nextButton: '.swiper-button-next',
									effect: 'fade',
									onInit: function(swiper) {
										swiperAnimateCache(swiper); //先清除掉swiper的缓存
										swiperAnimate(swiper); //重新调用swiper
									},
									onSlideChangeEnd: function(swiper) {
										swiperAnimate(swiper);
										if(swiper.activeIndex == 0) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 1) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 2) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 3) {
											window.setTimeout(function() {
												$(".pages08_time_1").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 4500);
											window.setTimeout(function() {
												$(".pages08_time_2").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 5300);
											window.setTimeout(function() {
												$(".pages08_time_3").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 6000);
											window.setTimeout(function() {
												$(".pages08_time_4").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 6800);
										}

									}
								});
								mySwiperTwo.slideTo(2, 300, true);
							});

							//2014如皋
							$(".pages03_time_4").on("click", function() {
								$(".pages03_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages03_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
								$("#swiper-one").hide();
								$("#swiper-two").show();
								clearSwiperAnimate();
								$('#swiper-one').find("img.ani").removeAttr("style");
								$("#swiper-two").height(windowHeight).width(windowWidth).fadeIn(300);
								mySwiperTwo = new Swiper('#swiper-two', {
									direction: 'horizontal',
									pagination: '.swiper-pagination',
									paginationType: 'bullets',
									prevButton: '.swiper-button-prev',
									nextButton: '.swiper-button-next',
									effect: 'fade',
									onInit: function(swiper) {
										swiperAnimateCache(swiper); //先清除掉swiper的缓存
										swiperAnimate(swiper); //重新调用swiper
									},
									onSlideChangeEnd: function(swiper) {
										swiperAnimate(swiper);
										if(swiper.activeIndex == 0) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 1) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 2) {
											$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
											$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
										} else if(swiper.activeIndex == 3) {
											window.setTimeout(function() {
												$(".pages08_time_1").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 4500);
											window.setTimeout(function() {
												$(".pages08_time_2").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 5300);
											window.setTimeout(function() {
												$(".pages08_time_3").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 6000);
											window.setTimeout(function() {
												$(".pages08_time_4").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
											}, 6800);
										}

									}
								});
								mySwiperTwo.slideTo(3, 300, true);
							});

							//第一个返回back1
							$(".back1").on("click", function() {
								$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
								$("#swiper-one").fadeIn(800);
								$("#swiper-two").hide();
								mySwiperOne.slideTo(2, 300, true);
								clearSwiperAnimate();
								swiperAnimate(mySwiperOne);
								$('#swiper-two').find("img.ani").removeAttr("style");
								window.setTimeout(function() {
									$(".pages03_time_1").removeClass("fadeInRight").addClass("infinite pulse").css("animation-delay", "0s");
								}, 3500);
								window.setTimeout(function() {
									$(".pages03_time_2").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
								}, 5000);
								window.setTimeout(function() {
									$(".pages03_time_3").removeClass("fadeInRight").addClass("infinite pulse").css("animation-delay", "0s");
								}, 6500);
								window.setTimeout(function() {
									$(".pages03_time_4").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
								}, 8000);
							});

							//2014播种
							$(".pages08_time_1").on("click", function() {
								$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
								$("#swiper-three").fadeIn();
								$("#swiper-two").hide();
								clearSwiperAnimate();
								$('#swiper-two').find("img.ani").removeAttr("style");
								$("#swiper-three").height(windowHeight).width(windowWidth).fadeIn(300);
								mySwiperThree = new Swiper('#swiper-three', {
									direction: 'horizontal',
									pagination: '.swiper-pagination',
									paginationType: 'bullets',
									prevButton: '.swiper-button-prev',
									nextButton: '.swiper-button-next',
									effect: 'fade',
									onInit: function(swiper) {
										swiperAnimateCache(swiper); //先清除掉swiper的缓存
										swiperAnimate(swiper); //重新调用swiper
									},
									onSlideChangeEnd: function(swiper) {
										swiperAnimate(swiper);
									}
								});

								mySwiperThree.slideTo(0, 300, true);

							});

							//2015破土而出
							$(".pages08_time_2").on("click", function() {
								$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
								$("#swiper-three").fadeIn();
								$("#swiper-two").hide();
								clearSwiperAnimate();
								$('#swiper-two').find("img.ani").removeAttr("style");
								$("#swiper-three").height(windowHeight).width(windowWidth).fadeIn(300);
								mySwiperThree = new Swiper('#swiper-three', {
									direction: 'horizontal',
									pagination: '.swiper-pagination',
									paginationType: 'bullets',
									prevButton: '.swiper-button-prev',
									nextButton: '.swiper-button-next',
									effect: 'fade',
									onInit: function(swiper) {
										swiperAnimateCache(swiper); //先清除掉swiper的缓存
										swiperAnimate(swiper); //重新调用swiper
									},
									onSlideChangeEnd: function(swiper) {
										swiperAnimate(swiper);
									}
								});

								mySwiperThree.slideTo(1, 300, true);

							});

							//2016生根发芽
							$(".pages08_time_3").on("click", function() {
								$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
								$("#swiper-three").fadeIn();
								$("#swiper-two").hide();
								clearSwiperAnimate();
								$('#swiper-two').find("img.ani").removeAttr("style");
								$("#swiper-three").height(windowHeight).width(windowWidth).fadeIn(300);
								mySwiperThree = new Swiper('#swiper-three', {
									direction: 'horizontal',
									pagination: '.swiper-pagination',
									paginationType: 'bullets',
									prevButton: '.swiper-button-prev',
									nextButton: '.swiper-button-next',
									effect: 'fade',
									onInit: function(swiper) {
										swiperAnimateCache(swiper); //先清除掉swiper的缓存
										swiperAnimate(swiper); //重新调用swiper
									},
									onSlideChangeEnd: function(swiper) {
										swiperAnimate(swiper);
									}
								});

								mySwiperThree.slideTo(2, 300, true);

							});

							//参天大树
							$(".pages08_time_4").on("click", function() {
								$(".pages08_time_1").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_2").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_3").removeClass("infinite pulse").css("animation-delay", "0s");
								$(".pages08_time_4").removeClass("infinite pulse").css("animation-delay", "0s");
								$("#swiper-three").fadeIn();
								$("#swiper-two").hide();
								clearSwiperAnimate();
								$('#swiper-two').find("img.ani").removeAttr("style");
								$("#swiper-three").height(windowHeight).width(windowWidth).fadeIn(300);
								mySwiperThree = new Swiper('#swiper-three', {
									direction: 'horizontal',
									pagination: '.swiper-pagination',
									paginationType: 'bullets',
									prevButton: '.swiper-button-prev',
									nextButton: '.swiper-button-next',
									effect: 'fade',
									onInit: function(swiper) {
										swiperAnimateCache(swiper); //先清除掉swiper的缓存
										swiperAnimate(swiper); //重新调用swiper
									},
									onSlideChangeEnd: function(swiper) {
										swiperAnimate(swiper);
									}
								});

								mySwiperThree.slideTo(3, 300, true);

							});

							//第二个back2
							$(".back2").on("click",function(){
								$("#swiper-two").fadeIn(800);
								$("#swiper-three").hide();
								mySwiperTwo.slideTo(3, 300, true);
								clearSwiperAnimate();
								swiperAnimate(mySwiperTwo);
								$('#swiper-three').find("img.ani").removeAttr("style");
								window.setTimeout(function() {
									$(".pages08_time_1").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
								}, 4500);
								window.setTimeout(function() {
									$(".pages08_time_2").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
								}, 5300);
								window.setTimeout(function() {
									$(".pages08_time_3").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
								}, 6000);
								window.setTimeout(function() {
									$(".pages08_time_4").removeClass("fadeInLeft").addClass("infinite pulse").css("animation-delay", "0s");
								}, 6800);
							});
							
						});

					}
				});
			});
		</script>
	</head>

	<body>
		<!-- container start-->
		<div class="container">
			<!-- 微信分享logo -->
			<div class="wechat_container hide">
				<!-- <img src="images/pages_share_logo.jpg" width="100%" /> -->
			</div>
			<!-- loading_container start-->
			<div class="loading_container">
				<img class="loading_outer" src="images/loading_outer.png" width="100%" />
				<img class="loading_inner" src="images/loading_inner.png" width="100%" />
				<img class="loading_logo" src="images/loading_logo.png" width="100%" />
				<img class="loading_text" src="images/loading_text.png" width="100%" />
				<img class="loading_point" src="images/loading_point.png" width="100%" />
			</div>
			<!-- loading_container //end-->
			<!--fn-声音显示 -->
			<div class="topCon fadeInRightDown animated1s delay2s">
				<div id="imgMusicBtn" class="sound rotateAm" onclick="SwitchMusic();"></div>
				<input type="hidden" name="PauseTime" id="PauseTime" />
			</div>
			<!--fn-声音显示 end-->

			<!-- swiper-container start-->
			<!-- img[src=images/pages01_$$.png class="pages01_$$ ani" effect=fadeIn duration=1s delay=0.5s width=100%]*10 -->
			<div class="swiper-container hide" id="swiper-one">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="images/pages01/pages01_bg.jpg" width="100%" height="100%" />
						<img src="images/logo.png" alt="" class="logo ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="0.3s" width="100%"/>
						<img src="images/pages01/pages01_01.png" alt="" class="pages01_01 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="0.8s" width="100%" height="100%" />
						<img src="images/pages01/pages01_02.png" alt="" class="pages01_02 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1s" width="100%" height="100%" />
						<img src="images/pages01/pages01_03.png" alt="" class="pages01_03 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1.3s" width="100%" height="100%" />
						<img src="images/pages01/pages01_04.png" alt="" class="pages01_04 ani abs_top0_left0" effect="fadeIn" duration="1s" delay="1.5s" width="100%" height="100%" />
						<img src="images/pages01/pages01_05.png" alt="" class="pages01_05 ani abs_top0_left0" effect="fadeIn" duration="1s" delay="1.8s" width="100%" height="100%" />
					</div>
					<div class="swiper-slide">
						<img src="images/pages02/pages02_bg.jpg" width="100%" height="100%" />
						<img src="images/pages02/pages02_01.png" alt="" class="pages02_01 ani abs" effect="fadeInLeft" duration="2s" delay="0.5s" width="100%" />
						<img src="images/pages02/pages02_02.png" alt="" class="pages02_02 ani abs" effect="fadeInLeft" duration="2s" delay="1s" width="100%" />
						<img src="images/pages02/pages02_03.png" alt="" class="pages02_03 ani abs" effect="fadeInLeft" duration="2s" delay="1.5s" width="100%" />
						<img src="images/pages02/pages02_04.png" alt="" class="pages02_04 ani abs" effect="fadeInLeft" duration="2s" delay="2s" width="100%" />
						<img src="images/pages02/pages02_05.png" alt="" class="pages02_05 ani abs" effect="fadeInLeft" duration="2s" delay="2.5s" width="100%" />
						<img src="images/pages02/pages02_06.png" alt="" class="pages02_06 ani abs" effect="fadeInLeft" duration="2s" delay="3s" width="100%" />
					</div>
					<div class="swiper-slide">
						<img src="images/pages03/pages03_bg.jpg" width="100%" height="100%" />
						<img src="images/pages03/pages03_01.png" alt="" class="pages03_01 ani abs_top0_left0" effect="fadeInLeft" duration="1s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages03/pages03_02.png" alt="" class="pages03_02 ani abs_top0_left0" effect="fadeInRight" duration="1s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages03/pages03_03.png" alt="" class="pages03_03 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1.0s" width="100%" height="100%" />
						<img src="images/pages03/pages03_04.png" alt="" class="pages03_04 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1.5s" width="100%" height="100%" />
						<img src="images/pages03/pages03_05.png" alt="" class="pages03_05 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="2s" width="100%" height="100%" />
						<img src="images/pages03/pages03_06.png" alt="" class="pages03_06 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="3s" width="100%" height="100%" />
						<img src="images/pages03/pages03_07.png" alt="" class="pages03_07 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="3.5s" width="100%" height="100%" />
						<img src="images/pages03/pages03_08.png" alt="" class="pages03_08 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="4.5s" width="100%" height="100%" />
						<img src="images/pages03/pages03_09.png" alt="" class="pages03_09 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="5s" width="100%" height="100%" />
						<img src="images/pages03/pages03_10.png" alt="" class="pages03_10 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="6s" width="100%" height="100%" />
						<img src="images/pages03/pages03_11.png" alt="" class="pages03_11 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="6.5s" width="100%" height="100%" />
						<img src="images/pages03/pages03_12.png" alt="" class="pages03_12 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="7.5s" width="100%" height="100%" />
						<img src="images/pages03/pages03_13.png" alt="" class="pages03_13 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="8s" width="100%" height="100%" />

						<img src="images/pages03/pages03_time_1.png" class="pages03_time_1 pages03_time ani" effect="fadeInRight" duration="1s" delay="2.5s" width="50%" />
						<img src="images/pages03/pages03_time_2.png" class="pages03_time_2 pages03_time ani" effect="fadeInLeft" duration="1s" delay="4s" width="50%" />
						<img src="images/pages03/pages03_time_3.png" class="pages03_time_3 pages03_time ani" effect="fadeInRight" duration="1s" delay="5.5s" width="50%" />
						<img src="images/pages03/pages03_time_4.png" class="pages03_time_4 pages03_time ani" effect="fadeInLeft" duration="1s" delay="7s" width="50%" />
					</div>
					<div class="swiper-slide">
						<img src="images/pages04/pages04_bg.jpg" width="100%" height="100%" />
						<img src="images/pages04/pages04_01.png" alt="" class="pages04_01 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages04/pages04_02.png" alt="" class="pages04_02 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1s" width="100%" height="100%" />
						<div class="pages04_box abs ani" effect="zoomIn" duration="1s" delay="2s" width="100%">
							<img src="images/pages04/pages04_kuang.png" alt="" class="pages04_kuang" width="100%" />
							<img src="images/pages04/pages04_er.png" alt="" class="pages04_er abs" width="100%" />
						</div>

					</div>
				</div>
				<div class="swiper-pagination  "></div>
				<img class="arrows infinite fadeInUp animated" src="images/arrows.png" />
			</div>

			<!---- swiper-container //end-->

			<div class="swiper-container hide" id="swiper-two">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="images/pages05/pages05_bg.jpg" width="100%" height="100%" />
						<img id="back" src="images/pages_back.png" class="back1 ani" effect="fadeInDown" duration="1s" delay="3s" />
						<img src="images/pages05/pages05_01.png" alt="" class="pages05_01 ani abs_top0_left0" effect="fadeIn" duration="2s" delay="0.3s" width="100%" height="100%" />
						<img src="images/pages05/pages05_02.png" alt="" class="pages05_02 ani abs_top0_left0" effect="fadeIn" duration="1s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages05/pages05_03.png" alt="" class="pages05_03 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1s" width="100%" height="100%" />
						<img src="images/pages05/pages05_04.png" alt="" class="pages05_04 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1.5s" width="100%" height="100%" />
						<img src="images/pages05/pages05_05.png" alt="" class="pages05_05 ani abs_top0_left0" effect="fadeInLeft" duration="1s" delay="2s" width="100%" height="100%" />
						<img src="images/pages05/pages05_06.png" alt="" class="pages05_06 ani abs_top0_left0" effect="fadeInRight" duration="1s" delay="2.5s" width="100%" height="100%" />

					</div>
					<div class="swiper-slide">
						<img src="images/pages06/pages06_bg.jpg" width="100%" height="100%" />
						<img id="back" src="images/pages_back.png" class="back1 ani" effect="fadeInDown" duration="1s" delay="3s" />
						<img src="images/pages06/pages06_01.png" alt="" class="pages06_01 ani abs_top0_left0" effect="fadeIn" duration="2s" delay="0.3s" width="100%" height="100%" />
						<img src="images/pages06/pages06_02.png" alt="" class="pages06_02 ani abs_top0_left0" effect="fadeIn" duration="1s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages06/pages06_03.png" alt="" class="pages06_03 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1s" width="100%" height="100%" />
						<img src="images/pages06/pages06_04.png" alt="" class="pages06_04 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1.5s" width="100%" height="100%" />
						<img src="images/pages06/pages06_05.png" alt="" class="pages06_05 ani abs_top0_left0" effect="fadeInLeft" duration="1s" delay="2s" width="100%" height="100%" />
						<img src="images/pages06/pages06_06.png" alt="" class="pages06_06 ani abs_top0_left0" effect="fadeInRight" duration="1s" delay="2.5s" width="100%" height="100%" />

					</div>
					<div class="swiper-slide">
						<img src="images/pages07/pages07_bg.jpg" width="100%" height="100%" />
						<img id="back" src="images/pages_back.png" class="back1 ani" effect="fadeInDown" duration="1s" delay="3s" />
						<img src="images/pages07/pages07_01.png" alt="" class="pages07_01 ani abs_top0_left0" effect="fadeIn" duration="2s" delay="0.3s" width="100%" height="100%" />
						<img src="images/pages07/pages07_02.png" alt="" class="pages07_02 ani abs_top0_left0" effect="fadeIn" duration="1s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages07/pages07_03.png" alt="" class="pages07_03 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1s" width="100%" height="100%" />
						<img src="images/pages07/pages07_04.png" alt="" class="pages07_04 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1.5s" width="100%" height="100%" />
						<img src="images/pages07/pages07_05.png" alt="" class="pages07_05 ani abs_top0_left0" effect="fadeInLeft" duration="1s" delay="2s" width="100%" height="100%" />
						<img src="images/pages07/pages07_06.png" alt="" class="pages07_06 ani abs_top0_left0" effect="fadeInRight" duration="1s" delay="2.5s" width="100%" height="100%" />

					</div>
					<div class="swiper-slide">
						<img src="images/pages08/pages08_bg.jpg" width="100%" height="100%" />
						<img id="back" src="images/pages_back.png" class="back1 ani" effect="fadeInDown" duration="1s" delay="6.3s" />
						<img src="images/pages08/pages08_01.png" alt="" class="pages08_01 ani abs_top0_left0" effect="fadeIn" duration="2s" delay="0.3s" width="100%" height="100%" />
						<img src="images/pages08/pages08_02.png" alt="" class="pages08_02 ani abs_top0_left0" effect="fadeIn" duration="1s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages08/pages08_03.png" alt="" class="pages08_03 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1s" width="100%" height="100%" />
						<img src="images/pages08/pages08_04.png" alt="" class="pages08_04 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="1.5s" width="100%" height="100%" />
						<img src="images/pages08/pages08_05.png" alt="" class="pages08_05 ani abs_top0_left0" effect="fadeInLeft" duration="1s" delay="2s" width="100%" height="100%" />
						<img src="images/pages08/pages08_06.png" alt="" class="pages08_06 ani abs_top0_left0" effect="fadeInRight" duration="1s" delay="2.5s" width="100%" height="100%" />

						<img src="images/pages08/pages08_07.png" alt="" class="pages08_07 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="2.8s" width="100%" height="100%" />
						<img src="images/pages08/pages08_08.png" alt="" class="pages08_08 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="3s" width="100%" height="100%" />
						<img src="images/pages08/pages08_09.png" alt="" class="pages08_09 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="3.3s" width="100%" height="100%" />
						<img src="images/pages08/pages08_10.png" alt="" class="pages08_10 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="3.8s" width="100%" height="100%" />
						<img src="images/pages08/pages08_11.png" alt="" class="pages08_11 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="4s" width="100%" height="100%" />
						<img src="images/pages08/pages08_12.png" alt="" class="pages08_12 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="4.5s" width="100%" height="100%" />
						<img src="images/pages08/pages08_13.png" alt="" class="pages08_13 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="4.8s" width="100%" height="100%" />
						<img src="images/pages08/pages08_14.png" alt="" class="pages08_14 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="5.3s" width="100%" height="100%" />
						<img src="images/pages08/pages08_15.png" alt="" class="pages08_15 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="5.5s" width="100%" height="100%" />
						<img src="images/pages08/pages08_16.png" alt="" class="pages08_16 ani abs_top0_left0" effect="zoomIn" duration="1s" delay="6s" width="100%" height="100%" />

						<img src="images/pages08/pages08_time_1.png" alt="" class="pages08_time_1 ani" effect="fadeInLeft" duration="1s" delay="3.5s" width="31%" />
						<img src="images/pages08/pages08_time_2.png" alt="" class="pages08_time_2 ani" effect="fadeInLeft" duration="1s" delay="4.3s" width="31%" />
						<img src="images/pages08/pages08_time_3.png" alt="" class="pages08_time_3 ani" effect="fadeInLeft" duration="1s" delay="5s" width="31%" />
						<img src="images/pages08/pages08_time_4.png" alt="" class="pages08_time_4 ani" effect="fadeInLeft" duration="1s" delay="5.8s" width="31%" />
					</div>
				</div>
				<div class="swiper-pagination  "></div>
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>

			<div class="swiper-container hide" id="swiper-three">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="images/pages09/pages09_bg.jpg" width="100%" height="100%" />
						<img id="back" src="images/pages_back.png" class="back2 ani" effect="fadeInDown" duration="2s" delay="5.5s" />
						<img src="images/pages09/pages09_01.png" alt="" class="pages09_01 ani abs_top0_left0" effect="fadeInDown" duration="2s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages09/pages09_03.png" alt="" class="pages09_03 ani abs_top0_left0" effect="zoomIn" duration="2s" delay="1.5s" width="100%" height="100%" />
						<img src="images/pages09/pages09_04.png" alt="" class="pages09_04 ani abs_top0_left0" effect="fadeInLeft" duration="2s" delay="2s" width="100%" height="100%" />
						<img src="images/pages09/pages09_05.png" alt="" class="pages09_05 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="2.5s" width="100%"  height="100%"/>
						<img src="images/pages09/pages09_06.png" alt="" class="pages09_06 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="3s" width="100%" height="100%" />
						<img src="images/pages09/pages09_07.png" alt="" class="pages09_07 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="3.5s" width="100%" height="100%" />
						<img src="images/pages09/pages09_08.png" alt="" class="pages09_08 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="4s" width="100%" height="100%" />
						<img src="images/pages09/pages09_09.png" alt="" class="pages09_09 ani abs_top0_left0" effect="fadeInUp" duration="2s" delay="4.5s" width="100%" height="100%" />
						<img src="images/pages09/pages09_10.png" alt="" class="pages09_10 ani abs_top0_left0" effect="fadeInUp" duration="2s" delay="5s" width="100%" height="100%" />
					</div>
					<div class="swiper-slide">
						<img src="images/pages09/pages09_bg.jpg" width="100%" height="100%" />
						<img id="back" src="images/pages_back.png" class="back2 ani" effect="fadeInDown" duration="2s" delay="5.5s" />
						<img src="images/pages10/pages10_01.png" alt="" class="pages10_01 ani abs_top0_left0" effect="fadeInDown" duration="2s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages10/pages10_03.png" alt="" class="pages10_03 ani abs_top0_left0" effect="zoomIn" duration="2s" delay="1.5s" width="100%" height="100%" />
						<img src="images/pages09/pages09_04.png" alt="" class="pages09_04 ani abs_top0_left0" effect="fadeInLeft" duration="2s" delay="2s" width="100%"  height="100%"/>
						<img src="images/pages10/pages10_05.png" alt="" class="pages10_05 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="2.5s" width="100%"  height="100%"/>
						<img src="images/pages10/pages10_06.png" alt="" class="pages10_06 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="3s" width="100%"  height="100%"/>
						<img src="images/pages10/pages10_07.png" alt="" class="pages10_07 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="3.5s" width="100%"  height="100%"/>
						<img src="images/pages10/pages10_08.png" alt="" class="pages10_08 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="4s" width="100%"  height="100%"/>
						<img src="images/pages09/pages09_09.png" alt="" class="pages09_09 ani abs_top0_left0" effect="fadeInUp" duration="2s" delay="4.5s" width="100%"  height="100%"/>
						<img src="images/pages09/pages09_10.png" alt="" class="pages09_10 ani abs_top0_left0" effect="fadeInUp" duration="2s" delay="5s" width="100%"  height="100%"/>
					</div>
					<div class="swiper-slide">
						<img src="images/pages09/pages09_bg.jpg" width="100%" height="100%" />
						<img id="back" src="images/pages_back.png" class="back2 ani" effect="fadeInDown" duration="2s" delay="5.5s" />
						<img src="images/pages11/pages11_01.png" alt="" class="pages11_01 ani abs_top0_left0" effect="fadeInDown" duration="2s" delay="0.5s" width="100%" height="100%" />
						<img src="images/pages11/pages11_03.png" alt="" class="pages11_03 ani abs_top0_left0" effect="zoomIn" duration="2s" delay="1.5s" width="100%"  height="100%"/>
						<img src="images/pages09/pages09_04.png" alt="" class="pages09_04 ani abs_top0_left0" effect="fadeInLeft" duration="2s" delay="2s" width="100%" height="100%" />
						<img src="images/pages11/pages11_05.png" alt="" class="pages11_05 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="2.5s" width="100%" height="100%" />
						<img src="images/pages11/pages11_06.png" alt="" class="pages11_06 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="3s" width="100%" height="100%" />
						<img src="images/pages11/pages11_07.png" alt="" class="pages11_07 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="3.5s" width="100%" height="100%" />
						<img src="images/pages11/pages11_08.png" alt="" class="pages11_08 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="4s" width="100%"  height="100%"/>
						<img src="images/pages09/pages09_09.png" alt="" class="pages09_09 ani abs_top0_left0" effect="fadeInUp" duration="2s" delay="4.5s" width="100%"  height="100%"/>
						<img src="images/pages09/pages09_10.png" alt="" class="pages09_10 ani abs_top0_left0" effect="fadeInUp" duration="2s" delay="5s" width="100%" height="100%" />
					</div>
					<div class="swiper-slide">
						<img src="images/pages09/pages09_bg.jpg" width="100%" height="100%" />
						<img id="back" src="images/pages_back.png" class="back2 ani" effect="fadeInDown" duration="2s" delay="4.5s" />
						<img src="images/pages12/pages12_01.png" alt="" class="pages12_01 ani abs_top0_left0" effect="fadeInDown" duration="2s" delay="0.5s" width="100%"  height="100%"/>
						<img src="images/pages09/pages09_04.png" alt="" class="pages09_04 ani abs_top0_left0" effect="fadeInLeft" duration="2s" delay="1.5s" width="100%"  height="100%"/>
						<img src="images/pages12/pages12_05.png" alt="" class="pages12_05 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="2s" width="100%" height="100%"/>
						<img src="images/pages12/pages12_06.png" alt="" class="pages12_06 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="2.5s" width="100%" height="100%"/>
						<img src="images/pages12/pages12_07.png" alt="" class="pages12_07 ani abs_top0_left0" effect="fadeInRight" duration="2s" delay="3s" width="100%" height="100%"/>
						<img src="images/pages09/pages09_09.png" alt="" class="pages09_09 ani abs_top0_left0" effect="fadeInUp" duration="2s" delay="3.5s" width="100%" height="100%"/>
						<img src="images/pages09/pages09_10.png" alt="" class="pages09_10 ani abs_top0_left0" effect="fadeInUp" duration="2s" delay="4s" width="100%" height="100%"/>
					</div>
				</div>
				<div class="swiper-pagination dian"></div>
				<div class="swiper-button-prev swiper-button-prev-three"></div>
				<div class="swiper-button-next swiper-button-next-three"></div>
			</div>

		</div>
	</body>

</html>